<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
<div class="tips"></div>
<div class="timo-detail-page">
    <div class="layui-card-header timo-card-header">
        <span><i class="fa fa-bars"></i> 会议室预订总揽</span>
        <i class="layui-icon layui-icon-refresh refresh-btn"></i>
        <span class="area">
            <a href="javascript:void(0)" style="border-left: thin;border-left-style: outset;" th:each="item,userStat : ${groups}" th:attr="class=${userStat.index==0?'now':''}, data-group=${item.id}" th:text="${item.title}">南京</a>
            <a href="javascript:void(0)" data-group="2" th:remove="all">上海</a>
        </span>
        <span style="margin-left: 2em;color: green;font-style: italic;">按住鼠标不放，左右拖动可以选择连续时间段</span>
        <span class="pull-right"><a class="open-popup" data-title="个人信息" data-size="680,464" data-url="/userInfo"><i class="fa fa-user-o"></i>个人信息</a><a href="/logout" style="color: #009688;margin-left: 1em;">退出登录</a> </span>
    </div>
    <!-- 日期tab页 -->
    <ul class="layui-tab-title">
        <li style="border-left: thin;border-left-style: outset;" th:each="item,userStat:${dates}" th:attr="lay-id=${item['date']}" th:class="${item['today']=='1'?'layui-this':''}" th:utext="${item['tips']}">今天</li>
        <li lay-id="2021-10-27" class="" th:remove="all">明天</li>
        <li lay-id="2021-10-28" class="" th:remove="all">后天</li>
    </ul>
    <!-- 总揽表格 -->
    <div id="grid">
    </div>
</div>

<script th:replace="/common/template :: script"></script>
<link href="/css/fullcalendar.min.css?v=sch" rel="stylesheet">
<script src="/js/fullcalendar.min.js?v=sch"></script>
<script src="/js/meeting/order.js?v=1.15"></script>
<style>
    table tr {
        border-bottom-style: dotted;
        border-bottom-width: thin;
    }
    .fc-scrollgrid-sync-table tbody tr {
        border-bottom-style: solid;
        border-bottom-width: thin;
    }
    .area {
        margin-left: 4em;
    }
    .area a {
        margin-left: 2em;
    }
    .area .now {
        background-color: #bce8f1;
    }

    .tips {
        display: none;
        /*width: 300px;*/
        padding: 2px;
        position: absolute;
        z-index:9999;
        background-color: #FBFBFB;
    }
    .layui-this{
        background-color: #d9edf7;
    }
</style>
</body>

</html>